
view{
     /*使用主题颜色变量*/
  /* color: var(--themeColor) */
}
.pyg_index{
    swiper{
        width: 750rpx;
        height: 340rpx;
        image{
            width: 100%; 
        }
    }
}

.index_cate{
    display: flex;
    navigator{
        flex:1;
        image{
            width: 100%;
        }
    }
}

.index_floor{
    .floor_group{
        .floor_title{
            padding: 10rpx;
            image{
                width: 100%;
            }
        }
        .floor_list{
            navigator{
                float: left;
                width: 33.33%;
            }
            navigator:nth-last-child(-n+4){
                  /*原图宽高 232* 386*/
                /* 232 /386 = 33.33vw /height */
                /* 第一张图片的高度 height:33.33vw * 386 /232 */
                /* height:33.33%vw * 386 / 232 /2; */
                /* 设置 后四个高 为 27.*/
                height: 27.72711207vw;
                border-left: 10rpx solid #fff;
            }
            navigator:nth-last-child(3),navigator:nth-last-child(4){
                border-bottom: 5px solid #fff;
            }

            /*
1.em

在做手机端的时候经常会用到的做字体的尺寸单位

说白了 em就相当于“倍”，比如设置当前的div的字体大小为1.5em，则当前的div的字体大小为：当前div继承的字体大小*1.5

2.rem

这里的r就是root的意思，意思是相对于根节点来进行缩放，当有嵌套关系的时候，嵌套关系的元素的字体大小始终按照根节点的字体大小进行缩放。

3.vh

vh就是当前屏幕可见高度的1%，也就是说

height:100vh == height:100%;

但是有个好处是当元素没有内容时候，设置height:100%该元素不会被撑开，

但是设置height:100vh，该元素会被撑开屏幕高度一致。

4.vw

vw就是当前屏幕宽度的1%

补充一句，当设置width:100%，被设置元素的宽度是按照父元素的宽度来设置，

但是100vw是相对于屏幕可见宽度来设置的，所以会出现50vw 比50%大的情况
*/
            image{
                width: 100%;
                height: 100%;
            }
            
        }
    }
}